:root {
  font-family: "-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol";
  --background-color: #f0f2f5 !important; /* 背景色 */
  --el-font-size-base: 14px !important; /* 修改全局input框字体大小  */
  --el-table-text-color: rgba(0, 0, 0, 0.6) !important; /* 修改 全局字体颜色  */
  --border-color: #e7e7e7 !important; /* 通用边框颜色 */
  --subject-color: #00B5AD !important; /* 主题色 */
  --el-color-primary: #00B5AD !important; /* button的primary颜色 */
  --el-color-primary-light-3: #00B5AD !important; /* button的primary颜色的hover颜色 */
  --el-color-primary-light-5: #b5c7ff !important; /* button的primary禁用颜色 */
  --el-color-info-light-5: #eeeeee !important; /* button的info禁用颜色 */
  --el-border-radius-base: 3px !important; /* button的圆角*/
  --el-text-color-regular: rgba(0, 0, 0, 0.9) !important; /* 普通透明button的黑色字体*/
  --el-menu-item-font-size: 14px !important; /* 菜单栏字体大小 */
  --el-menu-hover-bg-color: #f2f3ff !important; /* 菜单栏hover颜色 */
  --el-menu-border-color: transparent !important;
  --el-menu-width: 232px !important; /* 菜单栏宽度 */
  --global-font-size: 14px !important; /* 公共字体大小 */
  --global-font-color: rgba(0, 0, 0, 0.9) !important; /* 公共字体颜色  */
  --global-font-weight: 400 !important; /* 公共字体字重 */
  --header-font-size: 22px !important; /* 首页字体大小 */
  --header-font-color: rgba(0, 0, 0, 0.9) !important; /* 首页字体颜色  */
  --header-font-weight: 600 !important; /* 首页字体字重 */
}
* {
  margin: 0;
  padding: 0;
}

/* 输入框超出部分... */
input{
  text-overflow: ellipsis;
}
/* 详情页公共样式 */
.publicdetails {
  .publicdetails-module {
    display: flex;
    flex-direction: column;
    .flexbox {
      display: flex;
      align-items: center;
    }

    .headrtext {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 28px;

      .public-text-big {
        margin: 0;
        font-size: 20px;
        font-weight: 600;
        color: rgba(0, 0, 0, 0.9);
        font-style: normal;
        font-family: PingFang SC;
      }
    }

    .special-btn {
      display: flex;
      color: #0052d9ff;
      align-items: center;
      cursor: pointer;
      border: 1px solid #0052d9ff;
      box-sizing: border-box;
      padding: 8px 15px;
      border-radius: 3px;
      margin-right: 4px;
      font-size: 14px;

      .special-btn-icon {
        width: 14px;
        height: 14px;
        margin-right: 8px;
      }

      .special-btn-text {
        align-items: center;
        display: inline-flex;
        font-family: Arial;
        font-size: var(--el-font-size-base);
        font-weight: var(--el-button-font-weight);
        justify-content: center;
        line-height: 1;
      }
    }

    .public-text-list {
      display: flex;
      justify-content: flex-start;
      flex: 1;
      font-size: 14px;
    }

    .public-left {
      margin-right: 42px;
    }

    .public-text-key {
      flex: 0 0 auto;
      white-space: normal;
      width: 84px;
      margin-right: 24px;
      font-weight: 400;
      font-style: normal;
      font-family: PingFang SC;
      font-size: 14px;
      color: rgba(0, 0, 0, 0.4) !important;
    }
    /* 省略号样式 不换行 */

    .public-text-key-none {
      flex: 0 0 auto;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 84px;
      margin-right: 24px;
      font-weight: 400;
      font-style: normal;
      font-family: PingFang SC;
      font-size: 14px;
      color: rgba(0, 0, 0, 0.4) !important;
    }
    .public-text-value-none {
      display: -webkit-box;
      -webkit-line-clamp: 1; /* 指定显示的行数 */
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 14px;
      font-weight: 400;
      font-style: normal;
      font-family: PingFang SC;
      color: rgba(0, 0, 0, 0.9) !important;
    }

    .public-text-value {
      font-size: 14px;
      font-weight: 400;
      font-style: normal;
      font-family: PingFang SC;
      color: rgba(0, 0, 0, 0.9) !important;
    }

    .color-green {
      color: #2ba471ff;
    }

    .color-red {
      color: #d54941ff;
    }

    .publicdetails-module-main {
      display: flex;
      justify-content: space-between;
    }

    .publicdetails-module-left {
      flex: 1;
      margin-right: 16px;

      .publicdetails-list {
        display: flex;

        align-items: flex-start;
        margin-bottom: 18px;
      }
    }

    .publicdetails-module-right {
      width: 256px;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;

      .publicdetails-module-right-list {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 120px;
        height: 96px;
        box-sizing: border-box;
        padding: 0 18px;
        background: #f2f9ff;
        border-radius: 4px 4px 4px 4px;

        span {
          font-size: 14px;
          color: rgba(0, 0, 0, 0.4);
        }

        b {
          font-weight: normal;
          font-weight: 500;
          font-size: 18px;
          margin-top: 8px;
        }
      }
    }
  }

  .publicdetails-tabs-main {
    flex: 1;
    display: flex;
    flex-direction: column;
  }
}
/* 表格公共样式 */
.el-table .cell {
  color: rgba(0, 0, 0, 0.6) !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-family: "PingFang SC" !important;
  font-weight: 400 !important;
}
/* 表单公共样式 */
.el-form-item__label {
  font-size: 14px!important;
  color: rgba(0, 0, 0, 0.9)!important;
  font-style: normal!important;
  font-weight: 400!important;
  font-family: 'PingFang SC'!important;
  margin-bottom: 8px !important;
}

/* 按钮公共样式 */
.el-button {
  padding: 5px 16px !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-family: "PingFang SC" !important;
}
.el-button.el-button--primary:active{
  background-color: #003CAB;
}
.el-button.is-plain:hover {
  background-color: #f3f3f3 !important;
}
.el-button.is-plain:active {
  background-color: #E7E7E7 !important; 
}
.el-icon--left {
  margin-right: 8px !important;
}
/* 页面外层盒子样式 */
.card-box {
  flex: 1;
  min-height: 0;
  margin: 16px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 24px;
  overflow: hidden;
}
.card-tab-box {
  flex: 1;
  min-height: 0;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  overflow: hidden;
}
/* 面包屑公共样式 start */
.public-router-box {
  display: flex;
  align-items: center;
  width: 100%;
  padding-bottom: 28px;
}
.public-router-before {
  cursor: pointer;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.4);
}
.public-router-icon {
  color: rgba(0, 0, 0, 0.4) !important;
  margin: 0 3px;
  width: 14px !important;
  height: 14px !important;
}
.publi-icon-img {
  width: 14px !important;
  height: 14px !important;
  color: rgba(0, 0, 0, 0.4) !important;
}
.public-router-after {
  font-size: 14px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.9);
}
/* 面包屑公共样式 end */

/* 消息弹窗公共样式 start */
.public-message-box-default,
.public-message-box-error,
.public-message-box-success {
  padding: 16px !important;
}
.public-message-box-default .el-message-box__header,
.public-message-box-error .el-message-box__header,
.public-message-box-success .el-message-box__header {
  position: relative;
  box-sizing: border-box;
  padding-left: 32px;
  font-family: "PingFang SC";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.9);
}
.public-message-box-default .el-message-box__headerbtn,
.public-message-box-error .el-message-box__headerbtn,
.public-message-box-success .el-message-box__headerbtn {
  width: 24px !important;
  height: 24px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.public-message-box-default .el-message-box__content,
.public-message-box-error .el-message-box__content,
.public-message-box-success .el-message-box__content {
  box-sizing: border-box;
  padding-left: 32px;
  color: rgba(0, 0, 0, 0.6) !important;
}
.public-message-box-default .el-message-box__header::before {
  position: absolute;
  left: 0;
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("@/assets/images/message-box-default.svg");
}
.public-message-box-error .el-message-box__header::before {
  position: absolute;
  left: 0;
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("@/assets/images/message-box-error.svg");
}
.public-message-box-success .el-message-box__header::before {
  position: absolute;
  left: 0;
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("@/assets/images/message-box-success.svg");
}
.public-message-box-default .el-button,
.public-message-box-error .el-button,
.public-message-box-success .el-button {
  border: none !important;
  color: rgba(0, 0, 0, 0.9) !important;
}
.public-message-box-default .el-button:hover,
.public-message-box-error .el-button:hover,
.public-message-box-success .el-button:hover {
  background: none !important;
}
.public-message-box-default .el-button--primary,
.public-message-box-error .el-button--primary,
.public-message-box-success .el-button--primary {
  background: none !important;
  color: var(--subject-color) !important;
  margin-left: 2px !important;
}
.public-message-box-default .el-button--primary:hover,
.public-message-box-error .el-button--primary:hover,
.public-message-box-success .el-button--primary:hover {
  background: none !important;
}
/* 消息弹窗公共样式 end */
